<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="head(title)">
    <meta charset="UTF-8">
    <meta name="viewpoint" content="width=device-width, initial-scale=1.0">
    <title>博客管理</title>
    <link href="https://cdn.bootcss.com/semantic-ui/2.4.1/semantic.min.css" rel="stylesheet">
    <link rel="stylesheet" href="../../static/lib/editormd/css/editormd.css" th:href="@{/lib/editormd/css/editormd.css}" type="text/css"/>
    <link rel="stylesheet" href="../../static/css/myCss.css" th:href="@{/css/myCss.css}"  type="text/css">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css" rel="stylesheet">
</head>
<body>

<!--导航-->
<nav th:fragment="menu(n)" class="ui inverted attached segment my-padded-tb-mini my-shadow-small animated fadeInDown" >
    <div class="ui container">
        <div class="ui inverted secondary stackable menu">
            <h2 class="ui teal header item">管理后台</h2>

            <a href="#" th:href="@{/admin/blogs}" class=" my-item item my-mobile-hide" th:classappend="${n==1} ? 'active'"><i class="mini home icon"></i>博客</a>
            <a href="#" th:href="@{/admin/types}" class=" my-item item my-mobile-hide" th:classappend="${n==2} ? 'active'"><i class="mini idea icon"></i>分类</a>
            <a href="#" th:href="@{/admin/tags}" class="my-item item my-mobile-hide" th:classappend="${n==3} ? 'active'"><i class="mini tags icon"></i>标签</a>
            <div class="right my-item my-mobile-hide menu">
                <div class="ui dropdown item">
                    <div class="text">
                        <span th:text="${session.user.nickname}">张泽</span>
                    </div>
                    <i class="dropdown icon"></i>
                    <div class="menu">
                        <a href="#" th:href="@{/admin/logout}" class="item" style="z-index: 2 !important;">注销</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <a href="#" class="menu tooggle ui icon black button my-top-right my-mobile-show"><i class="sidebar icon"></i></a>
</nav>

<!--导航-->



<!--&lt;!&ndash;底部footer&ndash;&gt;-->
<!--<footer th:fragment="footer" class="ui inverted vertical segment m-padded-tb-massive">-->
<!--    <div class="ui center aligned container">-->
<!--        <div class="ui inverted divided stackable grid">-->
<!--            <div class="three wide column">-->
<!--                <div class="ui inverted link list">-->
<!--                    <div class="item">-->
<!--                        <img src="../static/images/wechat.jpg" th:src="@{/images/wechat.jpg}"-->
<!--                             class="ui rounded image" alt="" style="width: 110px">-->
<!--                    </div>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="three wide column">-->
<!--                <h4 class="ui inverted header m-text-thin m-text-spaced " >最新博客</h4>-->
<!--                <div class="ui inverted link list">-->
<!--                    <a href="#" class="item m-text-thin">用户故事（User Story）</a>-->
<!--                    <a href="#" class="item m-text-thin">用户故事（User Story）</a>-->
<!--                    <a href="#" class="item m-text-thin">用户故事（User Story）</a>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="three wide column">-->
<!--                <h4 class="ui inverted header m-text-thin m-text-spaced ">联系我</h4>-->
<!--                <div class="ui inverted link list">-->
<!--                    <a href="#" class="item m-text-thin">Email：lirenmi@163.com</a>-->
<!--                    <a href="#" class="item m-text-thin">QQ：865729312</a>-->
<!--                </div>-->
<!--            </div>-->
<!--            <div class="seven wide column">-->
<!--                <h4 class="ui inverted header m-text-thin m-text-spaced ">Blog</h4>-->
<!--                <p class="m-text-thin m-text-spaced m-opacity-mini">-->
<!--                    这是我的个人博客、会分享关于编程、写作、思考相关的任何内容，希望可以给来到这儿的人有所帮助...</p>-->
<!--            </div>-->
<!--        </div>-->
<!--        <div class="ui inverted section divider"></div>-->
<!--        <p class="m-text-thin m-text-spaced my-opacity-tiny">Copyright © 2016 - 2017 Lirenmi Designed by Lirenmi</p>-->
<!--    </div>-->

<!--</footer>-->

<th:block th:fragment="script">
    <script src="https://cdn.jsdelivr.net/npm/jquery@3.2/dist/jquery.min.js"></script>
    <script src="https://cdn.jsdelivr.net/semantic-ui/2.2.4/semantic.min.js"></script>
</th:block>

<script>
    $('.menu.tooggle').click(function () {
        $('.my-item').toggleClass('my-mobile-hide');
    });
</script>

</body>
</html>


